1.6:H101105 If the submit button is used as an image map, use separate buttons for each active region.

Improper design

The example below is the image map consisted of “submit” and “clear” functional keys; this design may cause confusion for the users.

  <FORM>
  <INPUT type="text" name="keyword1" value="enter keyword or text">
  <INPUT name="Submit" type="image" src="images/botton1_2.gif" 
  alt="submit and clear" usemap="#map">
  </FORM>
  <MAP name="map">
  <AREA shape="rect" coords="4,4,54,21" href="#submit" alt="submit" title="submit">
  <AREA shape="rect" coords="66,3,137,22" href="#clear" alt="clear" title="clear">
  </MAP>
          

Proper demonstration

The example below torn apart the two functional keys in the image map, thus provided individual “submit” and “clear” image buttons as well as replacement text explanation.

  <FORM>
  <INPUT type="text" name="keyword2" value="enter keyword or text">
  <INPUT name="Submit" type="image" src="botton1.gif" alt="submit">
  <INPUT name="Clear" type="image" src="botton2.gif" alt="clear">
  </FORM>